<script setup>

    import {onMounted,onUpdated,ref} from 'vue'
    import son from './components/10_子vue来接收数据.vue'
  
    let m = ref("xx");
    let a = ref(10);

    /**
     * 父传子:
     *  1.
     *   子组件声明要接收的数据名称[和类型]
     *   import { defineProps } from 'vue';
         //defineProps 定义要接收的数据名称和类型
         //定义完毕以后,直接可以在当前vue使用声明的属性! 而且他们是响应式
            defineProps({
                msg:String,
                age:Number
            });
     *  2.
         父组件中声明子组件
         组件的属性可以传值
            <子组件  :属性名="值或者vue的数据变量"
     * 
     */

</script>

<template>
  <div>
      <son :msg="m" :age="a"></son>
      <button @click="m='Heihei';a=20">动</button>
  </div>
</template>

<style scoped>

</style>